import React, { Component } from 'react';
import { BrowserRouter as Router,Route } from 'react-router-dom'
import RouterPage from './pages'
import ArticleList from './pages/router'
import RedirectApp from './pages/router/redirect'
import { ReactHooks } from './pages/hooks/'
// import Example from './pages/hooks/examples/useCallback'
import Example from './pages/hooks/examples/example2'
export default class AppRouter extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return (
            <Router>
                <Route exact path="/" component={ RedirectApp } />
                <Route path="/redux/" component={ RouterPage } />
                <Route path="/router/" component={ ArticleList } />
                <Route path="/hooks/" component={ ReactHooks } />
                <Route path="/example/" component={ Example } />
            </Router>
        );
    }
}